<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="zzzzzz" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>zzzzzz - Home</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<%@ include file="/WEB-INF/common/global_style.jsp" %>
	<%@ include file="/WEB-INF/common/global_script.jsp" %>
	<script type="text/javascript" src="${ctx}/res/js/simple_userbubble.js"></script>

</head>
<body>

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="wrapper-content">
	<div id="dashboard" class="site-wrap wrap">
		<div class="main-content clearfix">
			<div class="left-col-container">
				<div class="left-col">
					<%@ include file="include/dashboard/col_left.jsp" %>
				</div>
			</div>
			<div class="content-col clearfix right-sidebar">
				<%@ include file="include/dashboard/col_right.jsp" %>
			</div>
		</div>
	</div>
</div>

<a id="feedback" href="#show_popup" data-popup="{ &quot;popup_width&quot; : 450, &quot;popup_margin_top&quot; : 100, &quot;url_rewrite&quot; : true, &quot;history_forword&quot; : &quot;http://localhost:8080/zzzzzz2/topic/4fd0958f03644c0a8b4d1dc8&quot;, &quot;src&quot; : &quot;${ctx}/feedback&quot; }"><img alt="feedback" src="${ctx}/res/images/common/feedback-tab.png" /></a>

<div id="back_to_top"><span class="arrow-n"></span></div>

<div data-dom-id="user-bubble" class="user-bubble" style="display: none;">
	<div data-dom-id="user-bubble-arrow-up" class="user-bubble-arrow arrow-up"></div>
	<div class="right-sidebar clearfix">
		<div class="content">
			<div data-dom-id="user-bubble-username"></div>
			<div class="fcxl mts"><span>from </span><span data-dom-id="user-bubble-from" class="fsti"></span></div>
		</div>
		<div class="sidebar">
			<a href="#">follow</a>
		</div>
	</div>
	<div data-dom-id="user-bubble-arrow-down" class="user-bubble-arrow arrow-down"></div>
</div>

<div data-dom-id="user-simple-bubble" class="user-simple-bubble" style="display: none;">
	<div data-dom-id="user-simple-bubble-arrow-up" class="user-simple-bubble-arrow arrow-up"></div>
	<div data-dom-id="user-simple-bubble-username"></div>
	<div data-dom-id="user-simple-bubble-arrow-down" class="user-simple-bubble-arrow arrow-down"></div>
</div>

<div data-dom-id="confirm-dialog" class="confirm-dialog" style="display: none;">
	<div data-dom-id="confirm-message" class="confirm-message"></div>
	<div class="confirm-actions" align="right">
		<input type="button" data-dom-id="confirm-cancel" class="btn style3 medium" value="Cancel" /><input type="button" data-dom-id="confirm-ok" class="btn style1 medium mls" value="Ok" />
	</div>
</div>
<div data-dom-id="popup-overlay" class="overlay" style="display: none;">
	<div data-dom-id="popup" class="popup" style="display: none;">
		<a title="Close" href="#popup_close" class="close">×</a>
	<div data-dom-id="popup-container"></div>
</div>
</div>
<div data-dom-id="confirm-overlay" class="overlay" style="display: none;"></div>
<div data-dom-id="notification-flash" class="notification-flash" style="display: none;">
	<span data-dom-id="notification-flash-text"></span>
	<a class="close" href="#close" title="Close">×</a>
</div>

<script type="text/javascript">

jq(document).ready(function() {
	
	new SimpleUserBubble({
		'j_bubble_trigger' : jq("[data-user-simple-bubble]"),
		'j_bubble' : jq("[data-dom-id=user-simple-bubble]"),
		'j_bubble_username' : jq("[data-dom-id=user-simple-bubble-username]"),
		'j_bubble_arrow_up' : jq("[data-dom-id=user-simple-bubble-arrow-up]"),
		'j_bubble_arrow_down' : jq("[data-dom-id=user-simple-bubble-arrow-down]")
	});
	
});

</script>

<%@ include file="/WEB-INF/common/footer.jsp" %>

</body>
</html>
